import { StyleSheet, View } from 'react-native';
import * as React from 'react';
import CourseCard from './CourseCard';
import { courseList } from '../../constants/DataList';

export default function RecommendCourseList() {
  return (
    <View style={styles.container}>
      {courseList.map(it => (
        <CourseCard key={it.id} course={it} style={styles.courseCategory} />
      ))}
    </View>
  );
}

const styles = StyleSheet.create({
  container: {
    paddingHorizontal: 12,
  },
  courseCategory: {
    width: '100%',
    marginBottom: 12,
  },
});
